<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<!--<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_850952_xqhuvl298sg.css"/>-->
		<title></title>
	</head>

	<body>
		<div class="content">
			<div class="box">
				<!--
					用一个div标签包裹图片，
				有时候图片超出部分需要隐藏，方便修改
				图片width：100%
				-->
				<div class="img">
					<img src="images/movie_1.jpg" />
				</div>
				<div class="detail">
					<div class="top">
						<span>环太平洋</span>
						<span>468人评论过</span>
					</div>
					<div class="md">
						<p>
							<a class="a" href="#">#环太平洋##环太平洋#</a>
							对建筑物倒塌、核弹共计城市、外星人入侵..
							<a href="">[详情]</a>
						</p>
					</div>
					<div class="bt">
						<i class="iconfont icon-move">欧美电影</i>
					</div>
				</div>
			</div>
			<div class="box">
				<div class="img">
					<img src="images/movie_2.jpg" />
				</div>
				<div class="detail">
					<div class="top">
						<span>速度与激情6</span>
						<span>738人评论过</span>
					</div>
					<div class="md">
						<p>
							【杰森斯坦森确定加盟
							<a class="a" href="#">#速度#</a>】
							斯坦森演示第六部反派欧文肖..
							<a href="">[详情]</a>
						</p>
					</div>
					<div class="bt">
						<i class="iconfont icon-move">热映推荐</i>
					</div>
				</div>
			</div>
			<div class="box">
				<div class="img">
					<img src="images/movie_3.jpg" />
				</div>
				<div class="detail">
					<div class="top">
						<span>青春派</span>
						<span>97人评论过</span>
					</div>
					<div class="md">
						<p>
							《青春派》预告片“零差评”逆袭增长
							<a href="">[详情]</a>
						</p>
					</div>
					<div class="bt">
						<i class="iconfont icon-dianying">电影预告</i>
					</div>
				</div>
			</div>
		</div>
		<br /><br /> 题目二
		<br /><br />
		<div class="recruitment">
			<div class="box2">
				<h1>采购</h1>
				<div>
					<p>有创意的想法和充满欲望的开创未来联合聘用人才。</p>
				</div>
				<img src="images/1.png" alt="" />
			</div>
			<div class="box2">
				<h1>招聘信息</h1>
				<div>

					<p>基于多年的社区能力的经验，充分发挥聘请人才。</p>
				</div>
				<img src="images/2.png" alt="" />
			</div>
			<div class="box2">
				<h1>文员</h1>
				<div>

					<p>所有营的工作人员重视在一起，可以是一个招聘称职的员工。</p>
				</div>
				<img src="images/3.png" alt="" />
			</div>
			<div class="box2">
				<h1>呼叫中心坐席</h1>
				<div>

					<p>客户需要伸出援助之手，每一个当你使用一个代理来。</p>
				</div>
				<img src="images/4.png" alt="" />
			</div>
		</div>
	</body>

</html>